<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$category.name} {$category.page_title} {$site_info.site_name|default=''}</title>
<meta name="keywords" content="{$category.page_keywords},{$site_info.site_seo_keywords|default=''}"/>
<meta name="description" content="{$category.page_description},{$site_info.site_seo_description|default=''}">
<include file="public@head"/>
</head>
<body>
    <include file='public@nav'/>

    <!-- banner -->
    <include file='public@banner'/>

    <div class="main layout clearfix">
        
        <include file='public@category'/>

        <div class="oright fr">
            
            <!-- 面包 -->
            <include file='public@breadcrumb'/>

            <div class="delvt">
                <ul>
                    <php>
                        $order = SO;
                    </php>
                    
                    <portal:articles item="vo" order="$order" field="post_title,post.more,post_content"
                         relation="categories"
                         categoryIds="$category.id"
                         returnVarName="articles_data">
                    <li>
                        <div class="xtx clearfix">
                            <div class="pic fl">
                                <img src="{:cmf_get_image_url($vo.more.thumbnail)}" style="width:175px;">
                            </div>
                            <div class="text fr">
                                {$vo.post_content}
                            </div>
                        </div>
                        <span >{$vo.post_title}</span>
                    </li>

                    </portal:articles>
                    
                </ul>
            </div>
        </div>
    </div>
    <include file='public@footer'/>
</body>
</html>

<include file='public@scripts'/>

<script type="text/javascript" src="__TMPL__/public/assets/js/lightbox.js"></script>
<script type="text/javascript">
    
    $('.delvt ul li').each(function(index){
        if(index != 0 ){
            $(this).css({
                "top":"-26"*index+"px"
            })
        }
    })
    $('.delvt ul li:odd').addClass('active')
    var last =  $('.delvt ul li').length - 1
    var  h =  $('.delvt ul li').eq(last).position().top + $('.delvt ul li').eq(last).height() 

    $('.delvt ul').height(h)
</script>
